// 抽离template代码
export default {
  template: `
  <div>
    <h4>{{ message }} 牛呀</h4>
    <button @click="btnClick">我是按钮 点我试试</button>
    <h4>{{ name }}</h4>
  </div>
  `,
  data() {
    return {
      message: "如何使用Vue呢？这是个问题",
      name: "Mr.chen"
    }
  },

  methods: {
    btnClick() {
      console.log("[点击] 别点了 点啥呀");
    }
  }
}